<template>
    <div class="home">
        <div>1111</div>
    </div>
</template>

<script lang="ts" setup>
    import { useStore } from '@/store';
    const route = useRoute();
    const router = useRouter();
    const store = useStore();

    const isCollapse: Ref<boolean> = ref(false); //折叠面板
    const logoImage = new URL('@/assets/img/logo.png', import.meta.url).href;
    // const logoImage: Raw<any[]> = markRaw([new URL('@/assets/img/avatar/avatar.png', import.meta.url).href])
</script>

<style lang="scss" scoped>
    // .home::after {
    //     content: '';
    //     position: absolute;
    //     left: 0;
    //     top: 0;
    //     z-index: -1;
    //     width: 100vw;
    //     height: 100vh;
    //     background-image: url('@/assets/avatar/bg8.png');
    //     background-size: 100% 100%;
    //     filter: blur(5px);
    // }
    .home {
        width: 100vw;
        height: 100vh;
        overflow: hidden;
    }
</style>
